/* 内容区 */
.content {
  display: flex;
  margin: 0 auto;
  padding: 60px 0;
  flex-wrap: wrap;
  transition: padding .3s;
  justify-content: space-between;

  a {
    width: 32.8%;
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    height: fit-content;
    transition: width .3s;

    &:first-child {
      width: 66.4%;
    }

    img {
      width: 100%;
      display: block;
      transition: transform 0.5s;

      &:hover {
        transform: scale(1.03);
      }

    }

    p {
      right: 6%;
      bottom: 4%;
      color: #fff;
      position: absolute;
    }

  }

}

/* 响应式样式 */
@media screen and (max-width: 780px) {
  .content {
    padding: 10px 0;

    a {
      width: 100% !important;
    }

  }
}